<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	<link rel="stylesheet" type="text/css" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
	<style>
		.container>div,
		.container-fluid>div{
			height: 50px;
			line-height: 50px;
			border: 1px solid red;
		}
	</style>
	</head>
	<body>
		<div class="container">
			<div class="col-md-6 col-xs-6">占宽度一半</div>
			<div class="col-md-3 col-xs-3">占宽度四分之一</div>
			<div class="col-md-3 col-xs-3">占1/4</div>
			<div class="col-md-6 col-md-offset-6">另一行元素</div>
		</div>
		<div class="container-fluid">
			<div class="col-md-6 col-xs-6">占宽度一半</div>
			<div class="col-md-3 col-xs-3">占宽度四分之一</div>
			<div class="col-md-3 col-xs-3">占1/4</div>
		</div>
	</body>
</html>
